<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  <input type="text" disabled id="txt" value="点击开始点名">
  <input type="button" value="开始" id="start">
  <input type="button" value="结束" id="end">
</body>
<script>

  var txt = document.getElementById("txt")
  var start = document.getElementById("start")
  var end = document.getElementById("end")

  // 准备记录计时器的唯一标志
  var t;

  // 名字库
  var arr = "张三，李四，王小二，赵老五，钱六".split("，");

  // 点击开始
  start.onclick = function(){
    // 判断计时器是否存在，存在，结束当前事件，不开计时器
    if( t ) return;
    // 不存在，再开启
    t = setInterval(function(){
      // 随机索引后，取出随机名字，设置到容器
      txt.value = (arr[random(0, arr.length-1)]);
    }, 30);
  }

  // 点击结束
  end.onclick = function(){
    // 清除计时器
    clearInterval(t);
    // 清除用来保存计时器唯一标志的变量
    t = undefined;
  }

  

  // 随机数功能
  function random(max, min){
    if(max<min){
      var x = min;
      min = max;
      max = x;
    }
    return Math.floor(Math.random()*(max-min+1)+min);
  }
</script>
</html>